<?php
    //注意: 宽度,是按照所有图片中,最大的那个来自设定.不会自动缩放图片.
?>

<div id="wrapper">
        <div id="slider-wrapper">
            <div id="slider" class="nivoSlider">
                <!-- <a href="#" target="_blank"><img src="images/light/vi.jpg" alt="" title="最人气吉它" /></a>
                <a href="#" target="_blank"><img src="images/toystory.jpg" alt="最时尚衣服" title="#reqi" /></a>
                
                <a href="#" target="_blank"><img src="images/walle.jpg" alt="测试" /></a>
                 -->
                <a href="#" target="_blank"><img src="images/nemo.jpg" alt="测试" title="#htmlcaption" /></a>
            </div>

            <div id="htmlcaption" class="nivo-html-caption">
                <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
            </div>
            <div id="reqi" class="nivo-html-caption">
            		最<strong>时尚</strong><h3>衣服</h3>
            </div>
        </div>
    </div>
<script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider();
	});
</script>